<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/static/bootstrap.min.css">
    <script src="/static/jquery-3.7.1.min.js"></script>
    <script src="/static/bootstrap.bundle.min.js"></script>
    <title>{{.Title}}</title>
  </head>
  <body>
    <nav class="navbar navbar-light navbar-expand-lg bg-light justify-content-start">
      <a class="navbar-brand px-3" href="#">{{.Title}}</a>
      <div class="collapse navbar-collapse">
        <ul class="navbar-nav">
          <li class="nav-item{{if eq .Template "index.html"}} active{{end}}">
            <a class="nav-link" href="/">All Series</a>
          </li>
          <li class="nav-item{{if eq .Template "graphs.html"}} active{{end}}">
            <a class="nav-link" href="/stats">Statistics</a>
          </li>
        </ul>
      </div>
    </nav>
    {{block "content" .Data}}{{end}}
  </body>
</html>
